/*公用样式*/
.window{width: 100vw;height: 100vh;overflow: hidden;position: relative;display: flex;flex-direction: column;}
.layout{width: 100%;height: 100%;overflow: hidden;position: relative;}
.layout-row{width: 100%;height: 100%;overflow: hidden;position: relative;display: flex;}
.layout-col{height: 100%;width: 100%;overflow: hidden;position: relative;display: flex;flex-direction: column;}
.layout-main{height: 100%;width: 100%;overflow: hidden;position: relative;display: flex;flex-direction: column; padding: 20px; box-sizing: border-box; border-radius: 3px; background: #FFFFFF;}
.table{width: 100%;height: 100%;overflow: overlay;}
.trow{width: 100%;display: flex;align-items: center;padding: 12px 5px;box-sizing: border-box; font-weight: bold;}
.trow > div{padding: 0 5px;box-sizing: border-box;}
.row{width: 100%;display: flex;align-items: center;padding: 10px 5px;box-sizing: border-box;}
.table .row:hover{background: rgba(0,101,255,.4) !important;}
.row > div{padding: 0 5px;box-sizing: border-box;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.row > div > span{vertical-align: middle}
.active{background: rgba(0,101,255,.4) !important}
.views{background: linear-gradient(90deg, #fa9b64 0%, #d27015 100%);}
/* -----------------------自定义样式------------------------*/
/*灰度*/
.gray {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
/*阴影*/
.bs{overflow: hidden; border-radius: 12px; background: rgba(0, 0, 0, 0.2); box-sizing: border-box; border: 1px solid rgba(65, 255, 255, 0.4); box-shadow: inset 0px 0px 24px 0px rgba(65, 135, 255, 0.5);}
.bs2{background: linear-gradient(270deg, rgba(17,0,120,0.00) 0%, #002EC4 100%); box-sizing: border-box; border: 1px solid rgba(65, 255, 255, 0.5); box-shadow: inset 0px 0px 12px 0px #4187FF;}
.bs3{background: linear-gradient(90deg, #242DAB 1%, rgba(14,8,56,0.00) 100%);box-sizing: border-box;-moz-box-sizing: border-box;}
.bs4{background: linear-gradient(90deg, #242DAB 100%, rgba(14,8,56,0.00) 100%);box-sizing: border-box;-moz-box-sizing: border-box;}
.bss{overflow: hidden;border-radius: 2px;background: rgba(0, 0, 0, 0.2);box-sizing: border-box;-moz-box-sizing: border-box;border: 1px solid rgba(65, 255, 255, 0.3);box-shadow: inset 0px 0px 2px 0px rgba(65, 135, 255, 0.2);}
/*经过*/
.hoverclass{ background-color: #052FC0; color: #e5e9f1; cursor: pointer;}
.noneclass:hover{background-color: #052FC0; color: #e5e9f1; cursor: pointer;}
/*背景*/
.loginbg{background: #060121 url( ../images/login.png) no-repeat;  background-size: 100% 100%;}
/*文字*/
.fontStyle{background: linear-gradient(180deg, #ffffff 0%, #64DEFF 100%); background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 2px; font-weight: bold;}
.buttonStyle{background: rgba(30, 131, 255, 0.2); color: #fff; border: 1px solid #1E83FF}